import React from "react";
import DemoComponent from "../../../src";

import Box from "@mui/material/Box";

/**
 * 已用开发中组件，调试或展示
 */
const DEMO = function () {
  const props = {
    title: "title",
    subTitle: "here is subTitle",
    tags: [{ context: "tag1" }, { context: "tag2", color: "magenta" }, { context: "tag3", color: "tomato" }],
    onBack: () => {
      console.log("back");
    }
  };

  return (
    <>
      <Box sx={{ p: 2, backgroundColor: "#eee" }}>
        <DemoComponent ghost={true} {...props} />
      </Box>
      <br />
      <Box sx={{ p: 2, backgroundColor: "#eee" }}>
        <DemoComponent {...props} />
      </Box>
    </>
  );
};

export default DEMO;
